<?php use_javascript('boletoloja.js') ?>
<?php use_helper('rutas') ?>
<script type="text/javascript">
    $(document).ready(function()
    {                                               
        $("#guardarcliente").click(function() {  
            $.ajax({ 
                url: '<?php echo url_for('boletoloja/guardarCliente') ?>',
                type: 'POST',
                data: { 
                    ci : $('#cibusqueda').val(), 
                    nombre : $('#nom').val(), 
                    apellido : $('#ape').val(), 
                    telefono : $('#tel').val(),
                    email : $('#email').val()
                },
                dataType: 'json',
                cache: false,                                 
                beforeSend: function () {
                    alert('Guardando Cliente');
                },
                success:  function (data) {
                    if (data['status'] == 'ok') {
                        alert('Se guardaron con éxito los \n\
                            datos del nuevo cliente');
                        $('#nombreboleto').val($('#nom').val()+" "+$('#ape').val());
                        
                        document.getElementById("nom").disabled="disabled";
                        document.getElementById("ape").disabled="disabled";
                        document.getElementById("tel").disabled="disabled";
                        document.getElementById("email").disabled="disabled";
                        document.getElementById("guardarcliente").disabled="disabled";
                    } else {
                        alert(data['message']);
                    }
                },
                error:  function () {
                    alert('Ha ocurrido un error al \n\
                            guardar el nuevo cliente');
                }
            });                    
        }).change(function()
        {               
        });
    });         
</script>               
<script type="text/javascript">
    $(function () {
        $('#btnventa').click(function () {
            $.ajax({
                url: '<?php echo url_for('boletoloja/new') ?>',
                type: 'POST',
                data: {
                    ci : $('#cibusqueda').val(), 
                    destino : $('#llegadaboleto').val(),                   
                    valor : $('#valorboleto').val(),
                    id_ru : $('#ruta').val(),
                    id_fr : $('#frecuencia').val(),
                    hora : $('#horasalidaboleto').val(),
                    fecha : $('#fechaboleto').val(),
                    asientos : $('#asientosboleto').val()  
                },      
                //$('form').serialize(),
                dataType: 'json',
                cache: false,                                 
                success:  function (data) {
                    if (data['status'] == 'ok') {
                        alert('Se realizó con éxito la venta');
                        document.location = '<?php echo url_for('boletoloja/detalle') ?>' + '?id=' + data['id'] ;
                    } else {
                        alert(data['error']);
                    }
                },
                error:  function () {
                    alert('Ha ocurrido un error al guardar el boleto');
                }
            });            
        });
    });
</script>
<form method="POST"> 
    
    
    
    
    <?php //echo $form->renderHiddenFields() ?>    

    <div align="center"><font size="10"><b>BOLETO</b></font></div><br>

    <?php if ($sf_user->hasFlash('notice')): ?>
        <div align="center" class="flash_notice"><?php echo $sf_user->getFlash('notice') ?></div>
    <?php endif ?>

    <?php if ($sf_user->hasFlash('error')): ?>
        <div align="center" class="flash_error"><?php echo $sf_user->getFlash('error') ?></div>
    <?php endif ?>

        <div id="" align="center" >

        <table border="1">
            <tr>
                <td align="center" colspan="4"><font style="color: red"><b>Opciones de Llenado de Datos </b> </font><input id="coopid" name="coopid" type="text" value="<?php echo $idco ?>" style="visibility: hidden"/>              </td>

            </tr>
            <tr>
                <td><b>Seleccione Ruta de Viaje:</b></td>
                <td>
                    <select name="ruta" id="ruta">
                        <option value=""> Seleccione una Ruta </option>                    
                        <?php if (!empty($rutasuni)): ?>
                            <?php foreach ($rutasuni as $ruts): ?>
                                <option value="<?php echo $ruts->getIdRu() ?>"><?php echo $ruts->getSalida() ?> -- <?php echo $ruts->getLlegada() ?></option>                   
                            <?php endforeach; ?>
                        <?php else: ?>
                            <option >No existe ninguna cooperativa en el sistema</option>
                        <?php endif ?>
                    </select>

                </td>
                <td><b>Seleccione Ciudad Destino:</b></td>
                <td>
                    <select name="escala" id="escala">
                        <option >Seleccione una ruta para cargar las escalas</option>
                    </select>  
                </td>
            </tr>

            <tr>
                <td><b>Seleccione Fecha:</b></td>                
                <td>
                    <select name="dias" id="dias">
                        <?php for ($i = $date['mday']; $i <= $dias_mes; $i++): ?>
                            <option value="<?php echo $i ?>"><?php echo $i ?></option>                                                               
                        <?php endfor ?>
                    </select>
                    <span>de <?php echo mes_texto(date('n')), ' del ', date("Y") ?></span>
                </td>


                <td><b>Seleccione Horario:</b></td>
                <td>
                    <select name="frecuencia" id="frecuencia">                     
                        <option >Seleccione la ruta para cargar sus horarios disponibles</option>
                    </select>    
                </td>

            </tr>
            <tr>
                <td colspan="2"><b>Bus Designado:</b></td>
                <td colspan="2">   
                    <input id="busturno" name="busturno" value="||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||"readonly="readonly"/>
                </td>   
            </tr>
            <tr>
                <td><b>Asientos Disponibles:</b></td>            
                <td colspan="3"><select name="asientostotales" id="asientostotales">                     
                        <option>||Ventana||Pasillo||||Pasillo||Ventana||</option>
                    </select> 
                </td>
            </tr>
            <tr>                
                <td align="center" colspan="4"><font style="color: red"><b>Datos Cliente </b> </font></td>
            </tr>
            <tr>
                <td colspan="2"><b>Ingrese C.I. :</b><input id="cibusqueda" name="cibusqueda" value=""/></td>
                <td><font style="color: palegreen">Presione Enter para Busqueda</font></td>
                <td>
                    <input type="button" id="guardarcliente" name="guardarcliente"title="Guardar Nuevo Cliente" value="Guardar" disabled="disabled" /></td>
            </tr>
            <tr>
                <td><b>Nombres:</b></td>
                <td><input id="nom" name="nom" value="" disabled="disabled" /></td>
                <td><b>Apellidos:</b></td>
                <td><input id="ape" name="ape" value="" disabled="disabled" /></td>
            </tr>
            <tr>
                <td><b>Teléfono:</b></td>
                <td><input id="tel" name="tel" value="" disabled="disabled" /></td>
                <td><b>Email:</b></td>
                <td><input id="email" name="email" value="" disabled="disabled"/></td>
            </tr>
        </table>

    </div>
    <br><br>
    <div id="boletoloja" align="center"><br>
        <font size="4" FACE="Bradley Hand ITC"><b>Si usted nunca ha ido a Loja no conoce mi pais</b></font>
        <div id="boletoloja2" align="center"><br>
            <table   border="3">
                <tr>

                    <td align="center" colspan="4">
                        <div align="center" class="spritesescudoCoopLoja" id="escudoCoopLoja_jpg"></div>
                    </td>
                    <td align="center" colspan="4"><br><b>                    
                            COOPERATIVA DE <br>TRANSPORTES<br></b>.</td>
                    <td colspan="3"><font size="6,5"><b>"LOJA"</b></font></td>
                    <td align="right"><b>Bus N°</b><br><input id="busboleto" name="busboleto" value="" readonly="readonly"/></td>
                </tr>            
                <tr>
                    <td align="center" colspan="9"><font size="1"><b>                            
                            RECORRIENDO LOS CAMINOS DEL ECUADOR                        
                        </b></font></td>
                    <td align="center" colspan="3"><font size="2"><b>R.U.C 1190006820001</b></font></td>  
                </tr>
                <tr>
                    <td colspan="9"><b>SALE DE:</b><input value="Loja" readonly="readonly"/></td>
                    <td colspan="3"><b>VALOR:</b><input id="valorboleto" name="valorboleto" value="" readonly="readonly"/></td>                    
                </tr>

                <tr>
                    <td colspan="9">
                        <b>VIAJA A:</b><input id="llegadaboleto" name="busboleto" value="" readonly="readonly"/><br>
                        <b>ASIENTO N°:</b>

                        <input id="asientosboleto" name="asientosboleto" value="" />  <br>                          
                        <b>HORA DE SALIDA:</b><input id="horasalidaboleto" name="horasalidaboleto" value="" readonly="readonly"/><br>
                        <b>NOMBRE:</b><input id="nombreboleto" name="nombreboleto" value="" readonly="readonly"/>
                    </td>
                    <td id="contextual" colspan="3" align="justify">
                        <b>NOTA:</b>
                        Al comprar este boleto <br>
                        Ud. acepta las condiciones que <br>
                        constan al reverso. El canje de <br>
                        boletos solamente se efectuara <br>
                        con un minimo de dos horas an-<br>
                        tes de la salida del vehiculo.</td> 

                </tr>

                <tr>
                    <td colspan="8"><b>FECHA DE VIAJE:</b><input id="fechaboleto" name="fechaboleto" value="" readonly="readonly"/><br></td>
                    <td colspan="4"><b>DIA:</b><input id="diaboleto" name="diaboleto" value="" readonly="readonly"/><br></td>
                </tr>


            </table><br><br>             
        </div>      
        <font size="4" FACE="Bradley Hand ITC"><b>Un viaje de placer visitando las bellezas del Ecuador</b></font><br><br><br>
        <br>

    </div>
    <div align="center">
        <br>
        <input class="button2 button-azul " type="button" id="btnventa" name="btnventa"value="Venta" />        
    </div>
</form>
<br>
<div align="center"><a href="<?php echo url_for('inicio/index') ?>"><button type="submit" class="button2 button-azuldark" title="Regresar atras"><div class="spritesatras" id="atras_jpg"></div>Volver a Boletería</button></a></div><br><br><br><br>






